<!-- toaster directive -->
<toaster-container
        toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<style>
    <!--
    .col-lg-1 {
        width: 140px;
    }

    -->
</style>

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main"><i class="glyphicon glyphicon-log-in"></i> 门禁管理</a></li>
        <li><a ui-sref="main.authm.group.list" class="active">用户组授权</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <div class="panel-heading font-bold">
            <a
                    class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs"
                    ui-sref="main.authm.group.list"><i
                    class="text-md glyphicon glyphicon-chevron-up text-muted"></i></a>
        </div>
        <!--表单-->
        <div class="panel-body">
            <form class="form-horizontal" name="house_form">
                <input type="text" class="form-control" ng-model="record.regionId" ng-hide="true" required>
                <div class="form-group">

                    <label class="col-lg-1 control-label text-right">设备编码：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" ng-model="record.deviceCode" ng-click="showDeviceList()"
                               placeholder="选择" required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-lg-1 control-label text-right">设备名称：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" ng-model="record.deviceName" ng-click="showDeviceList()"
                               placeholder="选择" required>
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-lg-1 control-label text-right">房屋地址：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" ng-model="record.address" ng-click="showDeviceList()"
                               placeholder="选择" required>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-1 control-label text-right">权限组：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" ng-model="record.groupName" ng-click="showGroupList()"
                               placeholder="选择" required>
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-lg-1 control-label text-right">权限组类型：</label>
                    <div class="col-lg-4">
                        <select class="form-control" ng-model="record.grouptype">
                            <option value="0" ng-selected="1">区域</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-1 control-label text-right">状态：</label>
                    <div class="col-lg-4">
                        <select class="form-control" ng-model="record.status" name="status">
                            <option value="1" ng-selected="1">有效</option>
                            <option value="0">无效</option>
                        </select>
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group" style="width: 100%">
                    <div class="col-sm-6 col-sm-offset-2 text-center"
                         style="width: 100%;margin: 0;padding: 0;text-align: center">
                        <button type="button" class="btn  w-xs addNew" ng-show="reset" ng-click="resetFrom()">重置</button>
                        <button type="submit" class="btn btn-info w-xs m-l-xl addNew"
                                ng-disabled="isDisabled ">保存
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


<style scoped>
    .modal.in .modal-dialog{width: 1100px;}
    .modal.in .modal-dialog .wrapper-data{margin-top: 0;}
    .form-group{
        width:50%;
        float: left;
    }
    .form-group .col-lg-2{
        width:25%;
    }
    .form-group .col-lg-4{
        width:65%;
    }

    .app-content-body .content{
        margin-top:44px;
    }
</style>